@CHARSET "UTF-8";

body {
	padding: 0;
	margin: 0;
}

#wrapper {
	width: auto;
	heihgt: auto;
}

#menu_bar {
	width: auto;
	height: 60px;
}

#tool_bar {
	width: auto;
	height: 35px;
	background-color: #eaeaea;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	padding-top: 5px;
}

#container {
	width: 100%;
	height: auto;
	position: absolute;
}

#thumbnail {
	width: 220px;
	height:auto;
	positon: absolute;
	overflow: auto;
	float: left;
	background-color: #eaeaea;
	/* background-color: #ffffff; */
	border-right: 1px solid #d0d0d0;
}

#slide_editor {
	width: 100%;
	/* width: auto; */
	height: 100%;
	position: absolute;
	left: 221px;
	background-color: #eaeaea; 
}

#workspace {
	margin: 0 auto;
	width: 100%;
	height: 100%;
}

/* #slide_svg {
	width: auto;
	height: auto;
} */

#slide_memo {
	width: 100%;
	height: 60px;
	display:none;
}

#slide_memo_bar {
	width: 100%;
	height: 5px;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	display:none;
}

#title_logo_div {
	float: left;
	width: 55px;
	height: 60px;
	background-color: #FFCD00;
}

#title_logo {
	width: 35px;
	height: 40px;
	margin-left: 10px;
	margin-top: 10px;
}

#title {
	width: 200px;
	height: 45px;
	margin-left: 10px;
	margin-top: 10px;
}

#slide_tool_bar {
	float: left;
	width: 220px;
	height: 35px;
}

#content_tool_bar {
	width: auto;
	height: 35px;
} 

#addSlide {
	margin-left: 20px;
}

#removeSlide {
	margin-left: 20px;
}

#showModeBtn {
	width: 50px;
	height: 30px;
	margin-right: 10px;
	margin-left: 10px;
}

.icon {
	width: 40px;
	height: 30px;
	margin-right: 10px;
	margin-left: 10px;
}
